
.multi-scr-main {
  width: 100%;
  height: 100%;
  background-color: #00060c;
  display: flex;
  flex-direction: column;
  .header-main{
    width: 100%;
    height: 64px;
    display: flex;
    //border: 0.5px solid #fcfdff;
  }
  .con-main{
    width: 100%;
    height: calc(~"100% - 64px"); //less语法
    display: flex;
    flex-direction: row;
    //background: #0b54dc;
    .side-left{
      width: 350px;
      height: 100%;
      //border: 0.5px solid #64ead4;
      background: #ffffff;
      overflow: auto;
      //滚动条设置
      .drawer-box::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 10px;
      }
      .drawer-box::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: #535353;
      }
    }
    //滚动条设置
    .side-left::-webkit-scrollbar { /*滚动条整体样式*/
      width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
      height: 10px;
    }

    .side-left::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0,0.3);
      background: rgba(0, 0, 0,0.1);
    }

    .side-right{
      margin-left: 2px;
      margin-right: 2px;
      margin-bottom: 2px;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      .sr-header{
        width: 100%;
        height: 45px;
        display: flex;
        flex-direction: row;
        background: #001529;
      }
      .sr-content{
        width: 100%;
        height: 100%;
      }
    }
  }

}


.header-con{
  /*background-color: #4c70ef;*/
  background-color: #fcfdff;
}


/** 2*2*/
/*.box>div {
  width: calc(100%/2);
  height: calc(100%/2);
  border: 1px solid #aff;
  box-sizing: border-box;

}*/
.box_site {
  width: 100%;
  height: 100%;
  background-color: #000;
  display: flex;
  flex-wrap: wrap;
  .div_main{
    width: calc(100%/4*3);
    height: calc(100%/4*3);
    border: 1px solid #aff;
    box-sizing: border-box;
  };
  .div_site{
    width: calc(100%/4);
    height: calc(100%/4);
    border: 1px solid #aff;
    box-sizing: border-box;
  }
}
.div_site:hover{border:1px solid #F00};

/**切换页面*/
.btnBox{
  cursor: pointer;
  width: 57px;
  marginRight: 5px;
}
.btnBox:hover{border:1px solid #F00};

.btnBox-other{
  cursor: pointer;
  width: 57px;
  marginRight: 5px;
}
.btnBox-fullscr{
  cursor: pointer;
  width: 57px;
  margin-bottom: 5px;
}
.btnBox-fullscr:hover{border:1px solid #dcc00b};

.buttons-box{
  width: 100%;
  height: 28px;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  bottom: 0;
  user-select: none;
  z-index: 10;
}
.jessibuca-btn{
  width: 20px;
  color: rgb(255, 255, 255);
  line-height: 27px;
  margin: 0px 10px;
  padding: 0px 2px;
  cursor: pointer;
  text-align: center;
  font-size: 0.8rem !important;
}
.buttons-box-right {
  position: absolute;
  right: 0;
}

.teststt{
  color: green;

}


//修改IVIEW 的颜色，这个要在页面上加
/** {
 margin: 0;
 padding: 0;
}
html,body {
  width: 100%;
  height: 100%;
}

.ivu-layout{
  background: #001529;
  //background: #515a6e;
}
.ivu-layout-header {
  background: #001529;
  padding: 0 !important;
}

.layout{
  border: 1px solid #d7dde4;
  background: #001529;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  width:100%;
  height:100%;
}
.ivu-layout-sider {
  background: #001529;
  //background: rgba(81, 90, 110, 1);
}

.ivu-layout-content{
  overflow: auto !important;
}

.demo-tree-render .ivu-tree-title{
  width: 100%;
}*/
